<template>
  <h6>Children02</h6>

  <h6>{{ person.name }}</h6>

  <button @click="changePersonName">change name</button>
</template>

<script lang="ts">
import { inject } from "@vue/runtime-core";
export default {
  setup() {
    const person = inject("person");
    const changePersonName = inject("changePersonName");
    return { person, changePersonName };
  },
};
</script>

<style></style>
